﻿@model KC.Web.SSO.Models.AccountViewModels.LoginViewModel
@{
    ViewData["Title"] = "登录页面";
    Layout = null;
}

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    @*<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">*@

    <environment include="Dev">
        <link href="@(KC.Framework.Base.GlobalConfig.ResWebDomain)lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.css" />
    </environment>
    <environment exclude="Dev">
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css"
              asp-fallback-href="@(KC.Framework.Base.GlobalConfig.ResWebDomain)lib/bootstrap/dist/css/bootstrap.min.css"
              asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
        @*<link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />*@
    </environment>

    <style type="text/css">
        *{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}
        a{text-decoration:none}
        html{overflow-x:hidden;overflow-y:auto;height:100%}
        body,html{width:100%}
        body{min-height:100%}
        .form-bg{overflow:hidden;background:url(../images/bg.png) no-repeat center;background-size:cover}
        .form-horizontal{background:#fff;padding-bottom:30px;border-radius:15px;text-align:center;width:94%}
        .form-horizontal .heading{position:relative;display:block;margin:10px 0 0 -18px;padding:18px 40px 18px 60px;background:#189F92;color:#fff;font-size:25px}
        .form-horizontal #darkbannerwrap{position:relative;margin:0 0 20px -18px;width:18px;height:10px;background:url(../images/aiwrap.png)}.form-horizontal .form-group{padding:0 40px;margin:0 0 25px 0;position:relative}
        .form-horizontal .form-control{background:#f0f0f0;border:none;border-radius:10px;box-shadow:none;padding:0 20px 0 45px;height:40px;transition:all .3s ease 0s}
        .form-horizontal .form-control:focus{background:#e0e0e0;box-shadow:none;outline:0 none}
        .form-horizontal .form-group i{position:absolute;top:12px;left:60px;font-size:17px;color:#c8c8c8;transition:all .5s ease 0s}
        .form-horizontal .form-control:focus+i{color:#00b4ef}
        .form-horizontal .fa-question-circle{display:inline-block;position:absolute;top:12px;right:60px;font-size:20px;color:grey;transition:all .5s ease 0s}
        .form-horizontal .fa-question-circle:hover{color:#000}
        .form-horizontal .main-checkbox{float:left;width:20px;height:20px;background:#189F92;border-radius:80%;position:relative;margin:5px 0 0 5px;border:1px solid #11a3fc}
        .form-horizontal .main-checkbox label{width:20px;height:20px;position:absolute;top:0;left:0;cursor:pointer}
        .form-horizontal .main-checkbox label:after{content:"";width:10px;height:5px;position:absolute;top:5px;left:4px;border:3px solid #fff;border-top:none;border-right:none;background:0 0;opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
        /*.form-horizontal .main-checkbox input[type=checkbox]{visibility:hidden}*/
        .form-horizontal .main-checkbox input[type=checkbox]:checked+label:after{opacity:1}
        .form-horizontal .text{float:left;margin-left:7px;line-height:20px;padding-top:5px;text-transform:capitalize}
        .form-horizontal .btn{float:right;font-size:14px;color:#fff;background:#189F92;border-radius:10px;padding:10px 25px;border:none;text-transform:capitalize;transition:all .5s ease 0s}
    </style>
</head>
<body  class="form-bg">
    <div class="htmleaf-container">
        <div style="padding: 120px 0;">
            <div class="container">
                <div class="row">
                    <div class="col-md-offset-3 col-md-6">
                        <form class="form-horizontal" asp-route-returnurl="@Model.ReturnUrl" method="post">
                            <div class="form-group"></div>
                            <div class="heading">@Model.TenantDisplayName</div>
                                <div id="darkbannerwrap"></div>
                                <div class="form-group" style="display:none">
                                    <input asp-for="TenantDisplayName" class="form-control" placeholder="企业名称" value="@Model.TenantDisplayName" />
                                    <input asp-for="RedirectUrl" class="form-control" placeholder="回跳地址" value="@Model.RedirectUrl" />
                                    <input asp-for="TenantName" class="form-control" placeholder="企业代码" value="@Model.TenantName" />
                                    @*<span asp-validation-for="TenantName" class="text-danger" style="text-align:left;"></span>*@
                                    <i class="fa fa-home"></i>
                                </div>
                                <div class="form-group">
                                    <input asp-for="UserName" class="form-control" placeholder="用户名或电子邮件" />
                                    @*<span asp-validation-for="Email" class="text-danger"></span>*@
                                    <i class="fa fa-user"></i>
                                </div>
                                <div class="form-group help">
                                    <input asp-for="Password" type="password" class="form-control" placeholder="密　码" />
                                    @*<span asp-validation-for="Password" class="text-danger" style="text-align:left;"></span>*@
                                    <i class="fa fa-lock"></i>
                                </div>
                                <div class="form-group">
                                    <div class="main-checkbox">
                                        <input type="checkbox" data-val="true" id="RememberMe" name="RememberMe" value="true" />
                                    </div>
                                    <span class="text">记住我</span>
                                    <button type="submit" class="btn btn-default">登录</button>
                                </div>
                                <div asp-validation-summary="All" class="text-danger" style="text-align:left;"></div>
</form>
                    </div>
                </div>
            </div>
        </div>

    </div>

</body>
</html>

